<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册</title>
    <link  type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/style.css" rel="stylesheet">
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" data-main="js/main" src="js/require.js"></script>
</head>
<body>
<div class="top">
<div class="container">
 <div class="pull-left top-text">
     <span>Hi～亲爱的会员</span>
     <a href="#">登录</a>
     <a href="#">注册</a>
 </div>
  <div class="pull-right user-info">
      <div class="top-group">
          <a href="#">我的账户 <i class="icon-angle-down"></i></a>
          <div class="user-menu">
              <a href="#">收货地址</a>
              <a href="#">会员中心</a>
          </div>
      </div>
      <div class="top-group"><a href="#"><i class="icon-reorder"></i>我的订单</a></div>
      <div class="top-group"><a href="#"><i class="icon-star-empty"></i>我的收藏</a></div>
      <div class="top-group"><a href="#"><i class="icon-shopping-cart"></i>购物车</a></div>
  </div>
</div>
</div>
<div class="container">
    <div class="login">
        <div class="logo">
            <a href="#">
                <img src="images/logo.png" >
            </a>
             <div class="logo-text"><h3><b>注册用户</b></h3></div>
        </div>
        <div class="register-form ">
            <form class="form-horizontal" method="post" action="#">
                <div class="form-group">
                    <i class="icon-user"></i>
                    <input type="text" name="account" class="form-control" placeholder="用户名"/>
                </div>
                <div class="form-group">
                    <i class=" icon-envelope"></i>
                    <input type="email" name="email" class="form-control" placeholder="邮箱"/>
                </div>
                <div class="form-group">
                    <i class="icon-phone"></i>
                    <input type="text" name="phone" class="form-control" placeholder="手机"/>
                </div>
                <div class="form-group">
                    <i class="icon-key"></i>
                    <input type="password" name="password" class="form-control" placeholder="密码"/>
                </div>
                <div class="form-group">
                    <i class="icon-lock"></i>
                    <input type="password" name="password" class="form-control" placeholder="确认密码"/>
                </div>
                <div class="form-group">
                    <i class="icon-check"></i>
                    <input type="text"  name="password" class="form-control checkcode" placeholder="验证码"/>
                    <div class="pull-left"><img src="images/yan.png" alt="验证码" width="150" height="50"/></div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-block">立即注册</button>
                </div>
                <div class="form-group">
                    <h5>已经帐号？<a href="#">立即登录</a></h5>
                </div>
                <div class="form-group">
                    <h5><a href="#">返回首页</a></h5>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
    <div class="footer-group pull-left">
     <ul class="footer-list">
         <li class="top-title"><span>新手指南</span></li>
         <li><a href="#">注册新用户</a></li>
         <li><a href="#">用户协议</a></li>
         <li><a href="#">找回密码</a></li>
         <li><a href="#">移动客户端下载</a></li>
     </ul>
     <ul class="footer-list">
        <li class="top-title"><span>购物指南</span></li>
        <li><a href="#">购物流程</a></li>
        <li><a href="#">订单拆分</a></li>
        <li><a href="#">积分使用说明</a></li>
    </ul>
    <ul class="footer-list">
        <li class="top-title"><span>配送方式</span></li>
        <li><a href="#">配送时间及范围</a></li>
        <li><a href="#">配送费收取标准</a></li>
        <li><a href="#">物流查询</a></li>
    </ul>
    <ul class="footer-list">
        <li class="top-title"><span>支付方式</span></li>
        <li><a href="#">发票制度</a></li>
        <li><a href="#">支付方式</a></li>
    </ul>
    <ul class="footer-list">
        <li class="top-title"><span>售后服务</span></li>
        <li><a href="#">退货政策</a></li>
        <li><a href="#">退货办理流程</a></li>
        <li><a href="#">退款说明</a></li>
    </ul>
   </div>
     <div class="footer-group pull-right">
         <div class="contact">
             <img src="images/contact.jpg">
         </div>
         <p>监督：021-38119999-6038</p>
        <p> 在线客服</p>
     </div>
    <div class="copy-right">
        <p><span>CopyRight © 2015-2016 jixinyun.cn 沪ICP备05033127号</span></p>
    </div>
    </div>
</div>
<div class="sticky">
    <div><a href="#" title="返回顶部"><i class="icon-angle-up"></i></a></div>
</div>
<!--置顶-->
</body>
</html>